@import '../var';
@import './icon';				//核心图标库

.icon-spin {
    animation: icon-spin 2s infinite linear;
}

.icon-pulse {
    animation: icon-spin 1s infinite steps(8);
}

@keyframes icon-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.icon-90 {
    transform: rotate(90deg);
}
.icon-180 {
    transform: rotate(180deg);
}
.icon-270 {
    transform: rotate(270deg);
}
.icon-x {
    transform: scale(-1, 1);
}
.icon-y {
    transform: scale(1, -1);
}
.icon-fw {
    width: (18em / 14);
    text-align: center;
}
@each $class, $value in $iconsize {
    .icon-#{$class} {
        transform: scale(#{$value});
    }
}
